﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>宇通集团</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js"></script>
<script src="js/jquery-1.8.2.js"></script>
</head>
<body>
<header>
    <div class="header-top">
        <div class="width-center">
            <div class="header-logo "><img src="images/logo.png" alt=""></div>
            <div class="header-title div-inline">
                <strong>宇通集团</strong>
                <span>www.yvtong.com</span>
            </div>

            
        </div>
    </div>
    <div class="header-nav">
        <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">Menu <i
                class="am-icon-bars"></i></button>
        <nav>
        <ul class="header-nav-ul am-collapse am-in">
            <li class="on"><a href="index.html" name="index">首页</a></li>
            <li><a href="about.html" name="about">关于我们</a></li>
            <li><a href="productlist.html" name="show">产品展示</a></li>
            <li><a href="article_list.html" name="new">新闻资讯</a></li>
            <li><a href="contact.html" name="message">联系我们</a>
                <div class="secondary-menu">

                    <ul><li><a href="message.html" class="message"></a></li></ul>
                </div>
            </li>
        </ul>




        </nav>
    </div>

</header>
 <div class="layui-carousel" id="test1">
  <div carousel-item id="lbt">
   
  </div>
</div>
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
    <ul class="am-slides">
        <li><img src="images/宇通.jpg" alt="" ></li>
        <li><img src="images/宇通2.jpg" alt="" ></li>
        <li><img src="images/宇通3.jpg" alt="" ></li>
        <li><img src="images/宇通4.jpg" alt="" ></li>
    </ul>
</div>

<section class="index-section">
    <div>
        <span></span>
        <span></span>
    </div>
    <div class="index-content">
        <section class="index-content-section-first"><div><img src="images/需求3.jpg" alt=""></div> </section>
        <section class="index-content-section-second">
            <div>
                <div class="index-auto">
            <article>为您量身定制的解决方案</article>
            
            <main>宇通客车秉承这一理念，从品牌创立那一刻起，创新的脚步从未停止。一直以来全心专注为您提供更高品质的产品和服务
每年，宇通客车累计行驶30,000,000,000公里，搭载48,000,000,000人次。越来越多的人们与我们同行，享受创新带来的无限价值
如果说，还有一种力量让我们创新不止。那就是，您 </main>
          
                </div>
            </div>
        </section>
    </div>
</section>





	<div >
		<h3 style="font-size:32px;color: #4C4D4D;margin-left: 200px;">车型展示</h3></div>
 <div class="index-content">
        <div class="product-list">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
               
                    <img src="images/公交车1.jpg" style="height:150px; width:340px;"/>
             
				
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
              
                    <img src="images/公交车6.jpg" style="height:150px; width:340px;"/>
               
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">  
                
                    <img src="images/公交车3.jpg"style="height:150px; width:340px;"/>
               
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
               
                    <img src="images/公交车4.jpg" style="height:150px; width:340px;"/>
               
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
               
                    <img src="images/公交车2.jpg" style="height:150px; width:340px;"/>
               
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
              
                    <img src="images/公交车5.jpg" style="height:150px; width:340px;"/>
                
            </div>
        </div>
    </div>
 </section>

 
	 
	 
	 
 
 
 
 

<section class="index-margin-bottom">
    <div class="index-morecase">
        <span></span>
        <a href="#">MORE &#62; &#62;</a>
    </div>
    <div class="index-content">


        <div class="new-index">
            <ul>
                <li><img  src="images/科技.jpg" alt=""> </li>
                <li>  <a href="article_list_content.html"><h3>宇通科技</h3>
                    <article>别慌！宇通自动驾驶巴士小宇2.0 来啦它凭借出众实力已经在黄河滩地公园开始试运助力大家品质出游！
                        </article></a></li>
            </ul>
            <ul>
                <li><a href="article_list_content.html"><h3>客车有哪些类型</h3>
                    <article>
                        公交客车，客运客车，旅游客车，房车，景区车，机场摆渡车，专用车，救护车测，冷藏车，校车
                    </article>
                </a></li>
                <li><a href="article_list_content.html"><h3>宇通房车</h3>
                    <article>一直以来，宇通房车始终将家庭舒适感根植于每款产品，不仅在房车车友圈积累下良好的口碑，更是荣获2020年度国产旅居车销量冠军
                    </article></a>
                </li>
                <li><a href="article_list_content.html"><h3>公交智能运营调度系统</h3>
                    <article>以车载智能调度监控一体机为主体，通过接入视频监控、自动报站器、LED路牌等车载设备，实现车辆状态监控、视频监控、计划排班、实施调度等管理功能，大幅提高公交运营管理效率，为公交公司创造更高的收益。 
                    </article></a>
                </li>
                <li><a href="article_list_content.html"><h3>宇通金融</h3>
                    <article>基于对客车融资领域的长期探索，不断创新产品，为客户提供多元化的融资解决方案。“多渠道、高效率、低成本、覆盖广”是宇通金融服务的核心优势，我们致力于完善“宇通客车一合作金融机构一客户”三方共贏的发展途径和先进的融资模式。
                    </article></a>
                </li>
            </ul>

        </div>
    </div>
</section>

﻿<footer>

    <div>
        <div class="footer-info">
			<img src="images/logo.png"  style="margin-left: 200px ;">
            <div class="footer-content">
				
                <img src="images/宇通二维码.PNG" alt=""style="width:300px;height:170px;">
				
				<div>
					<span   style="font-size: 20px;">产品中心</span>
					<span >公交客车</span>
					<span>客运客车</span>
					<span>旅游客车</span>
					<span>校车</span>
					<span>公商务车</span>
					<span>景区车</span>
					<span>专用车</span>
				</div>
				<div>
					<span style="font-size: 20px;">新闻中心</span>
					<span>宇通新闻</span>
					<span>行业新闻</span>
					<span>媒体报道</span>
					<span>海外精彩</span>
					<span>活动专题</span>
					<span>宇通录像</span>
					
				</div>
				<div>
					<span style="font-size: 20px; margin-left:40px; ">联系我们</span>
				</div>
               <div style="font-size:20px;">
                <p>招商热线:0666-666666</p>
				
				</div>
				
                <div class="footer-box">
                    <i class="icon-tel"></i>
                    <span>公司电话:</span>
                    <span>0666-666666</span>
                </div>
				
                <div class="footer-box" style="margin-left:48px;">
                    <i class="icon-email"></i>
                    <span>公司邮箱:</span>
                    <span>123@yvtong.com</span>
                </div>
                <div class="footer-box"  style="margin-right: 300px;">
                    <i class="icon-address"></i>
                    <span>公司地址:</span>
                    <span>湖北省XXX市XXX大道小区B栋201</span>
                </div>
               </div>
            </div>
        </div>
        <style>
        .footer-bottom a{color:#F1404B}
		
		
        </style>
    </div>
</footer>
<script>
	layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  
		  //建造实例
		  var ins = carousel.render({
		    elem: '#test1'
		    ,width: '100%' //设置容器宽度
		    ,arrow: 'always' //始终显示箭头
		    //,anim: 'updown' //切换动画方式
		  });
		  
		  $.ajax({
				url : "/yt/ChaxunLunbotu",//地址
				type : "get",//请求方式

				success : function(res) {//成功以后的回调函数
					var list = res.data;
					for (var i = 0; i < list.length; i++)
						$("#lbt").append(
								"<div><img src='/yt/"+list[i].Lunbotu+"'></div>");

					//重置轮播
					ins.reload({
					    elem: '#test1'
						    ,width: '100%' //设置容器宽度
						    ,arrow: 'always' //始终显示箭头
						    //,anim: 'updown' //切换动画方式
						  });
				}

			});
		  
		  
		 
		});
	</script>
</body>
</html>